<template>
    <div id="masterinfo"> 
        <el-dialog
            :title="DialogData.title"
            :visible.sync="DialogData.show"
            width="30%"
            >
             <div class="form">
                <el-form :model="MasterData" status-icon  ref="ruleForm" label-width="100px" class="demo-ruleForm">
                    <el-form-item label="订单编号" prop="pass" >
                        <el-input prefix-icon="el-icon-tickets"  v-model="MasterData.orderid" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="技工姓名" prop="pass" v-if="MasterData.name">
                        <el-input prefix-icon="el-icon-s-custom"  v-model="MasterData.name" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="公司名称" prop="pass" v-if="MasterData.companyname">
                        <el-input prefix-icon="el-icon-s-custom"  v-model="MasterData.name" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="联系方式" prop="checkPass">
                        <el-input prefix-icon="el-icon-mobile-phone"  v-model="MasterData.phone" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="服务区域" prop="age">
                        <el-input prefix-icon="el-icon-location" v-model="MasterData.address" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="订单报价" prop="age">
                        <el-input prefix-icon="el-icon-notebook-2" v-model="MasterData.orderprice" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="订单定金" prop="age">
                        <el-input prefix-icon="el-icon-notebook-2" v-model="MasterData.imprest" disabled></el-input>
                    </el-form-item>
                   
                </el-form>
             </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="close">取 消</el-button>
                <el-button type="primary" @click="close">确 定</el-button>
            </span>
            </el-dialog>
    </div>
</template>

<script>
    export default {
        props: {
            DialogData: Object,
            MasterData: Object,
        },
        methods: {
            close() {
                this.DialogData.show = false
                this.MasterData = {} 
            }
        },
    }
</script>

<style lang="scss" scoped>

</style>